﻿
.detailinfoUl{
	width:1190px;
	padding-bottom:30px;
	border-bottom:1px solid #f0f0f0;
	
	.detailinfoLi{
		width:1150px;
		margin:0 auto;
		overflow: hidden;
		font-size:14px;		

		.detailinfoLiTitle{
			padding:35px 0 10px 0;
			font-weight:bold;			
			border-bottom: 2px solid #03a9f4;
		}	

		.detailinfoContainer{			
			border: 1px solid #ddf2fb;
			border-top:none;

			.detailinfoLeft{
				width:275px;				
				float:left;				

				.distributionTitle{
					padding:5px 15px;
					li{					
						line-height:35px;
					}
					.pdl10{
						padding-left:10px;					
						i.icon{
							width:25px;
							height:32px;
							display: inline-block;
	    					vertical-align: middle;
	    					background-image:url('/resources/img/detail-info.png');
						}
						.icon.icon-radio{
							background-position:-12px -4px;
						}					
					}
					.pdl10.twoLine{
						line-height:20px;
						padding-top:7px;
						.distributionInfoLeft{
							float:left;
						}
						.distributionInfoRight{
							margin-left:42px;
						}
					}
					.pdl75{
						padding-left:75px;
					}
					.distributionMethod, .distributionContent{
						color:#333;
					}
					.distributionInfo{
						color:#999;
						input.cellphoneNo{
							width:140px;
							margin-left:8px;
							text-align: center;
							border:1px solid #cbcbcb;
						}
						input.active{
							border-color:#f00;
						}
					}
					.distributionInfoError{
						height:25px;
						line-height:25px;
						padding-left: 65px;
	    				color:#e51c23;
	    				display:none;
	    				.icon.icon-error{
	    					background-position:-90px -5px;
	    				}
					}
				}
			}

			.detailinfoRight{
				margin-left:275px;			
				border-left: 1px solid #ddf2fb;				
				background-color: rgba(220,237,245,0.3);
			  	.merge_UL{ width: 407px;}
				.detailinfoArticleUl{
					padding:0 15px;
					border-bottom:1px solid #f0f0f0;
				  	position: relative;
					.detailinfoArticleLi{
						padding:15px 0 11px 0;
						overflow: hidden;
						>div{
							float:left
						}
						.detailinfoArticleImg{
							position: relative;
							
							img{
								height:120px;
								width:120px;
							}
						}
						.detailinfoArticleDesc{
							width:270px;
							margin-left:15px;
							padding:12px 0;
							.detailinfoArticleDescTitle{
								color:#333;
								margin-bottom:10px;
							}
							.detailinfoArticleDescColor, .detailinfoArticleDescSize{
								color:#999;
							}
						}
						.detailinfoArticlePrice{
							width:100px;
							margin-left:95px;
							padding:30px 0;
							text-align:center;
						}
						.detailinfoArticleQuan{
							width:40px;
							margin-left:50px;
							padding:50px 0;
							text-align:center;
						}
						.detailinfoArticleCalcPrice{
							width:100px;
							margin-left:50px;
							padding:30px 0;
							text-align:center;
							color:#e51c23;
							font-weight:bold;
						}
					}
					.detailinfoArticleLi.middle{
						border-bottom:1px solid #FCFFFF;
					}
				  	.detailinfoArticleLi.list_line{ border-top:1px solid #FCFFFF;

					}
				  	.merge_pay{
					  position: absolute;
					  top: 50%;
					  right: -419px;
					  margin-top:-80px;
					  background-color: #F4FAFC;


					}
				}
				.detailinfoFreight{
					height:45px;
					line-height:45px;
					color:#666;
					text-align:right;
					padding-right:30px;
					border-top: 1px solid #FCFFFF;
				  	position: relative;
				  	 margin-top: -1px;
					.detailinfoFreightValue{
						padding-left:8px;
					}
				}
			}
		}
	}	
}
.jdone-icon {
  width: 20px;
  height: 20px;
  background: url(../../img/jd-icon.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0; }